<template>
  <div class="type-buttons">
    <type-button v-for="(button, index) in buttons" :key="index" v-bind="button.bind" v-on="button.on"></type-button>
  </div>
</template>
<script>
import TypeButton from './TypeButton'
export default {
  name: 'TypeButtons',
  components: {TypeButton},
  props: {
    buttons: {
      type: Array,
      default() {
        return []
      }
    }
  },
  data() {
    return {
    }
  }
}
</script>
<style lang="scss" scoped>
.type-buttons {
  display: inline-block;
}
</style>
